const plugin = require('../../index');
Page({
  data: {
    query: '',   //输入文字
    hideClearIcon: true,   //close icon显现状态
    result: '',   //译文结果
    curLang: {}   //当前语言
  },
  onLoad: function (options) {  //翻译历史页通过 reLaunch 跳转，重新加载
    console.log('onload..')
    console.log(options)
    if (options.query) {
      this.setData({ query: options.query })
      this.setData({ 'hideClearIcon': false })   //让icon-close显现
    }
  }, 
  trans(){
    this.onConfirm();
  },
  onShow: function () {
    this.setData({ curLang: {
      chs:'英语',
      gtx:'en'
    } })

  },
  onInput: function (e) {
    //传递用户输入的数据、close的展示跟隐藏
    this.setData({ 'query': e.detail.value })
    if (this.data.query.length > 0) {   //输入时字体图标出现
      this.setData({ 'hideClearIcon': false })
    } else {
      this.setData({ 'hideClearIcon': true })
    }

    console.log('focus')
  },
  onTapClose: function () {
    //用户点击close的事件
    this.setData({ query: '', hideClearIcon: true })
    //如果不需要保留译文结果，也可以删除
    this.setData({ result: '' }) 
    console.log('clearAll')
  },
  textareaAInput(e){
    result:e.detail.value
  },
  onConfirm: function () {
    plugin.translationEnZh(this.data.query).then(res=>{
      console.log(res)
      this.setData({
        result:res
      })
    })
  }
})
